<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>:: Crear Viaje de: ${usuario.nombre} ::</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<script type="text/javascript" src="script/validar.js"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/validarVia.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/calendar.js"></script>
</head>

<body>
<div id="wrapper">

<div id="header">
<div id="logo">
<p></p>
</div>
<div id="nav">
<ul>
<ul class="menu">
              <li class="sub"><a href="#" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuario.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
            <li><a href="rest.html?ux=${usuario.idUsuario}">REST</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
         </ul>
</ul>
</div>
<div id="gallery">
<ul>
<li class="gwomen"><a href="http://www.freewebsitetemplates.com">Viajes</a></li>
<li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
<li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
</ul>
</div>
</div>
<div id="body">
<div id="categories">
<h2>${usuario.nombre} ${usuario.apellido}</h2>
<h2><img src="images/Perfil.jpg" alt="" width="192" height="244" id="Perfil" /></h2>
<ul>
<li><a href="MisAmigos.html?ux=${usuario.idUsuario}&AM=1">Mis Amigos</a></li>
<li><a href="LosViajes.html?ux=${usuario.idUsuario}&AM=1">Mis Viajes</a></li>
</ul>
</div>
<div id="seasonal">
<div class="inner"><h2>Crear nuevo Viaje</h2></p><form id="form1" name="form1" method="post" onSubmit="javascript:return validarVia()" action="invitarAmigos.html?ux=${usuario.idUsuario}&uv=${viaje.nombre}&AM=1">
<table width="449" height="169" border="0">
  <tr>
    <td width="138" height="31"><strong>Titulo del Viaje:</strong></td>
    <td width="165"><input maxlength="20" type="hidden" name="FK_USUARIO" id="FK_USUARIO" class="text" value="${usuario.idUsuario}"/>
      <label>
      <input type="text" name="nombre" id="nombre" value="${viaje.nombre}" disabled="disabled" />
    </label></td>
    <td width="128">&nbsp;</td>
  </tr>
  <tr>
    <td height="30"><strong>Sitio de Alojamiento:</strong></td>
    <td><label>
      <input type="text" name="sitioAlojamiento" id="sitioAlojamiento" value="${viaje.sitioAlojamiento}" disabled="disabled" />
    </label></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="32"><strong>Fecha de Salida.</strong></td>
    <td><input type="text" name="fechaLlegada" id ="fechaLlegada" disabled="disabled" onclick="displayDatePicker('fechaLlegada');" class="text" value="${viaje.fechaLlegada}" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="28"><strong>Fecha de Llegada:</strong></td>
    <td><input type="text" name="fechaPartida" id ="fechaPartida" disabled="disabled" onclick="displayDatePicker('fechaPartida');" class="text" value="${viaje.fechaPartida}" /> </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><strong>Estatus del Viaje:</strong></td>
    <td> <input type="text" name="privilegio" id="privilegio" value="${viaje.privilegio}" disabled="disabled" /> <input maxlength="20" type="hidden" name="estatus" id="estatus" class="text" value="PENDIENTE"/></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><strong>Pais a Viaje:</strong></td>
    <td><input type="text" name="lugar" id="lugar" value="${lugar.nombre}" disabled="disabled" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="Guardar" id="Guardar" value="Invitar amigos al Viaje" onclick="javascript:validarVia()" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p></p>
</form>
</div>
</div>
<div id="collection">
<div class="inner">
<div id="minigal">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<h2>&nbsp;</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
<div class="clear"></div>
<div id="seas">
<div id="seas-one">
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="clear">&nbsp;</h4>
</div>
<div id="seas-two"></div>
<div id="seas-three"></div>
<div class="clear"> </div>
</div>
</div>
<div id="copyright">
<h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
</div>

</body>
</html>